.login{
   width: 100%;
   height: 100%;
   background: url('../../../static/images/bj.png') 0 0 no-repeat; 
   background-size: cover;
   position: relative;
   .logins{
    position: absolute;
    width: 500px;
    height: 350px;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -175px;
    background: #fff;
    .logins-logo{
        text-align: center;
        padding-top: 36px;
        img{
            width: 220px;
        }
    }
    .logins-m{
        .logins-input{
            width: 220px;
            height: 32px;
            &:nth-child(1){
                margin: 45px auto 25px;
            }
            &:nth-child(2){
                margin: 0 auto 25px;
            }
            input{
                width: 220px;
                height: 32px;
                background: #F2F2F2;
                font-size: 12px;
                padding-left: 15px;
            }
        }
        .logins-inputs{
          width: 220px;
          height: 32px;
          margin: 0 auto;
          position: relative;
          input{
            width: 150px;
            height: 32px;
            background: #F2F2F2;
            font-size: 12px;
            padding-left: 15px;
         }
         .logins-code{
             position: absolute;
             width: 64px;
             height: 32px;
             background: #F2F2F2;
             position: absolute;
             right: 0;
             top: 0;
         }
        }
        .logins-btn{
            width: 220px;
            height: 32px;
            margin: 30px auto 0;
            background: #FC8F00;
            line-height: 32px;
            text-align: center;
            cursor: pointer;
            color: #fff;
        }
     }
   }
}